<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app-sportsIng dpflex fdcolumn fdspaceA">
        <div class="head">
            <h3 class="title w100">户外跑</h3>
            <div class="state w100 dpflex fdspaceB">
                <span>运动中</span>
                <p>
                    <i class="iconfont icon-yinle"></i>
                    <i class="iconfont icon-tiaojieqitiaojie"></i>
                </p>
            </div>
            <p class="distance w100">
                <span>99.99</span>公里
            </p>
        </div>

        <div class="cont">
            <p class="gpsInfo w100 dpflex fdspaceB">
                <span>GPS信号度低，数据准确度低</span>
                <i class="iconfont icon-dituguanli map"></i>
            </p>
            <div class="info w100 dpflex fdspaceA">
                <p class="dpflex fdcolumn">
                    <i class="iconfont icon-Group-"></i>
                    <span>配速</span>
                    <span>--</span>
                </p>
                <p class="dpflex fdcolumn">
                    <i class="iconfont icon-jihuayongshi"></i>
                    <span>用时</span>
                    <span>00:00:20</span>
                </p>
                <p class="dpflex fdcolumn">
                    <i class="iconfont icon-kaluli"></i>
                    <span>千卡</span>
                    <span>3000</span>
                </p>
            </div>
        </div>

        <div class="control w100">
            <div class="stop">
                <p class="stopBtn dpflex fdcolumn">
                    <i class="iconfont icon-stop"></i>
                    <span>暂停</span>
                </p>
                <p class="lock">
                    <i class="iconfont icon-suo"></i>
                </p>
            </div>
            <div class="operate dpflex fdspaceB">
                <p class="goOn dpflex fdcolumn ">
                    <i class="iconfont icon-bofang"></i>
                    <span>继续训练</span>
                </p>
                <p class="finishes dpflex fdcolumn">
                    <i class="iconfont icon-jieshu"></i>
                    <span class="over">结束训练</span>
                </p>
            </div>
        </div>
    </div>
</body>

</html>